import Vue from 'vue'

// 定义一个全局过滤器，然后就可以在任何组件的模板中使用了
// 其实过滤器就相当于一个全局可用的方法（仅供模板使用）
// 参数1：过滤器名称
// 参数2：过滤器函数
// 使用方式：{{ 表达式 | 过滤器名称 }}
// 管道符前面的表达式的结果会作为参数传递到过滤器函数中
// 过滤器的返回值会渲染到使用过滤器的模板位置
// 全局过滤器：处理相对时间
// 处理数字
Vue.filter('formatNum', value => {
  return Number(value / 10000).toFixed(2) + '万'
})
// 处理日期
Vue.filter('dateFormat', originVal => {
  const dt = new Date(originVal * 1000)

  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  return `${m}月${d}日`
})

Vue.filter('filterTime', total => {
  const mm = (parseInt(total) / 60).toFixed(0)
  const ss = (parseInt(total) % 60).toString().padStart(2, '0')
  return `${mm}:${ss}`
})
